made all device responsive - #197

Related Issue

This pull request addresses two key issues:

1. Navbar Overlap: Fixes the issue where the navbar was overlapping with other content on smaller screens.
2. Job Card Responsiveness: Improves the responsiveness of job cards across all devices to ensure a consistent layout and user experience.

Description

This pull request introduces the following changes:

• Adjusted the navbar styling to prevent overlap on mobile and tablet devices.
• Refactored job card layouts to ensure proper responsiveness on all screen sizes, including mobile, tablet, and desktop.

Type of PR

• Bug fix

Screenshots / Videos (if applicable)

Before:

• Navbar overlap on small screens
• Job cards not displaying correctly on mobile

After:

• Fixed navbar with proper spacing on mobile
• Responsive job cards across all devices

Checklist:

• I have performed a self-review of my code.
• I have read and followed the Contribution Guidelines.
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers, screenshots, and videos after making the changes.
• I have commented my code, particularly in hard-to-understand areas.

Additional context:

The navbar and job card responsiveness issues were detected when testing the site across various devices, including mobile and tablet. These changes ensure better navigation and readability across all screen sizes.

Testing Environment:

Desktop:

• OS: Windows 10
• Browser: Chrome v97

Smartphone:

• Device: Samsung Galaxy S21
• OS: Android 12
• Browser: Chrome